<template>
  <div class="title">
    <div class="icon"></div>
    <div class="text">{{ title }}</div>
  </div>
</template>
<script>
export default {
  name: "title",
  props: {
    title: { type: String, default: "" },
  },
};
</script>
<style scoped lang='scss'>
.title {
  display: flex;
  align-items: center;

  .icon {
    width: 4px;
    height: 16px;
    background-color: #00bfa5;
    margin-right: 10px;
  }
  .text{
    font-weight: 800;
  }
}
</style>